<template>
  <div  class="wrapper">
        <div class="wrapper_silder">
          <VInfos></VInfos>
          <VSilder></VSilder>
        </div>
         <div class="wrapper_con">
          <VNavbar></VNavbar>
          <VContent></VContent>
        </div>
  </div>
</template>

<script> 
import VSilder from '../layout/silder.vue';
import VInfos from '../layout/infos.vue';
import VContent from '../layout/Content.vue';
import VNavbar from '../layout/Navbar.vue';
  export default {
    name: 'landing-page',
    components:{
      VSilder,
      VContent,
      VInfos,
      VNavbar
    },
    methods: {
      open (link) {
         this.$electron.shell.openExternal(link)
      }
    }
  }
</script>

<style lang="less">

      .wrapper{
           display: flex;
           border-radius: 10px; 
           background-color: #f9fafb;
           width: 100%;
           height: 100vh;
           overflow: hidden;
           &_silder{
             width: 180px;
             background-color: #fff;
             padding: 2rem 0;
           }
           &_con{
             flex: 1;
             height: 100%; 
           }
      }
</style>
